<template>
  <div style="height:100%; overflow-y:auto;">
            <img src="../../../asset/images/jc_step3.png" alt="">
            <div class="box">
              <p class="btn">点击按钮,进行上门服务</p>
              <div class="box_img" @click="showBtn">
                <div class="chudian_img">
                  <img src="../../../asset/images/jc_chudian@2x.png" alt="">
                </div>
                <div class="shou_img">
                  <img src="../../../asset/images/jc_shou@2x.png" alt="">
                </div>
              </div>
             
            </div>
        </div>
</template>
<script>
export default {
  name: "step3",
  data() {
    return {
      
    };
  },
  methods: {
    showBtn(){
      this.show = !this.show;
      this.$emit("refresh");
    }
  }
};
</script>
<style lang="less" scoped>
.box {
  z-index: 10;
  position: relative;
  bottom:700px;
  .btn {
    width: 690px;
    height: 120px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    line-height: 120px;
    color: #fff;
    font-size: 30px;
  }
  .box_img {
    text-align: right;
    .chudian_img {
      position: relative;
      left: 500px;
      bottom: 300px;
    }
  }
  .shou_img {
    position: relative;
    left: 550px;
    bottom: 350px;
  }
}
</style>
